<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../resources/css/styles.css">
    <script type="text/javascript" src="../resources/js/d3.js"></script>
</head>
<body>
<script type="text/javascript">
    var body = d3.select("body");

    body.append("selection")
            .attr("id","selection1")
            .append("div")
            .attr("class", "blue box")
            .append("p")
            .text("dynamic blue box");

    body.append("selection")
            .attr("id","selection2")
            .append("div")
            .attr("class","red box")
            .append("p")
            .text("dynamic red box");
</script>
</body>
</html>